@charset "utf-8"; 
h1,h2,h3{font-weight:normal;font-size:100%;}
.hot-tab-nav li h3{display:block;font-weight:normal;font-size:21px;margin-bottom:5px;color:#3e3e3e}
.hot-tab-nav li.current h3,.hot-tab-nav li.current p{color:#FFF}
.aqara-swiper .aqara-text h3{display:block;font-size:1.5rem;font-weight:normal;margin-bottom:2.5rem;}
.lc-wrapper .item h3{display:block;font-weight:normal;font-size:1.25rem;color:#546c9e;text-align:center;margin-bottom:0.625rem;}
.sustain .sup-top h3 {width:100%;height:100%;line-height:65px;text-align:center;position:absolute;top:0px;left:0px;background:#455982;color:#FFF;font-size:1.25rem;}
.lc-wrapper .item h3 {display:block;font-weight:normal;font-size:1.25rem;color:#546c9e;text-align:center;margin-bottom:0.625rem}
.com-banner .video-grid h2 {font-size:24px;font-weight:normal;display:block;margin-bottom:20px;}
#Footer .rights a{display:inline !important}
.boxlevel{height:382px;}
.boxlevel .bgWall{width:auto;height:100%;}
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
/* mobile */
#Header .hd-main{position:relative}
.nav-btn{width:50px;height:50px;position:absolute;top:0px;right:0px;cursor:pointer;display:none}
.nav-btn i,.nav-btn b,.nav-btn p{display:block;width:25px;height:2px;background:#999;position:absolute;top:55%;left:13px;}
.nav-btn i{margin-top:-9px;}
.nav-btn b{margin-top:-1px;width:21px;}
.nav-btn p{margin-top:7px;}
#mobile-menu{width:100%;height:100%;position:fixed;top:0px;left:0px;z-index:10000;background:#5cbbb4;overflow:hidden;overflow-y:auto;visibility:hidden;opacity:0;}
#mobile-menu .menu-hd,#mobile-menu .pd-search,#mobile-menu .nav{margin:0px 15px;}
#mobile-menu .menu-hd{height:26px;padding:10px 0px 10px;}
#mobile-menu .lk-lg{float:left;display:block;color:#FFF;}
#mobile-menu .btn-close{float:right;display:block;width:26px;height:26px;color:#FFF;cursor:pointer;position:relative;}
#mobile-menu .btn-close::after,#mobile-menu .btn-close::before{content:"";display:block;width:18px;height:2px;background:#FFF;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-9px;}
#mobile-menu .btn-close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
#mobile-menu .btn-close::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#mobile-menu .pd-search{height:35px;border:1px solid #aaa;border-radius:6px;background:#ececec;position:relative;overflow:hidden;margin-bottom:15px;}
#mobile-menu .pd-search p{display:block;height:100%;margin-left:41px;}
#mobile-menu .ui-ton{width:40px;height:35px;background:url(search.png) no-repeat center;background-size:20px auto;border:none;cursor:pointer;float:left}
#mobile-menu .ui-text{width:100%;height:100%;line-height:35px;border:none;padding:0px 5px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#ececec;}
#mobile-menu .nav{margin-bottom:20px;}
#mobile-menu .nav li{display:block;width:100%}
#mobile-menu .nav .m{display:block;color:#FFF;font-size:0.95em;line-height:45px;border-bottom:1px solid #59afa9;position:relative}
#mobile-menu .nav .m::after{content:"";display:block;width:16px;height:16px;position:absolute;top:50%;right:0px;margin-top:-8px;background:url(lk-wt.png) no-repeat right center;background-size:auto 14px;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
#mobile-menu .nav a.sub::after{background:url(lnk-more.png) no-repeat right center;background-size:auto 14px}
#mobile-menu .nav a.isDown::after{background:url(lnk-more.png) no-repeat right center;background-size:auto 14px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
#mobile-menu .submenu{width:100%;padding:5px 0px;display:none}
#mobile-menu .submenu p{display:block;padding:0 40px;}
#mobile-menu .submenu a{display:block;color:#FFF;line-height:35px; font-size:0.9em;border-bottom:1px solid #59afa9;}
#mobile-menu .codes{width:80%;margin:0 auto;padding-bottom:40px;text-align:center;}
#mobile-menu .codes p{display:inline-block;width:35%;margin:0 5%;text-align:center;color:#FFF}
#mobile-menu .codes img,#mobile-menu .codes span{display:block;width:100%;padding-top:5px;}
#mobile-menu .codes::after{content:"";display:block;clear:both;height:0px;overflow:hidden} 
.ui-text::-moz-placeholder{color:#cacaca;}
.ui-text:-ms-input-placeholder{color:#cacaca}
.ui-text::-webkit-input-placeholder{color:#cacaca}
#mobile-menu.visible{visibility:visible;opacity:1}
.lnks-more{width:120px;height:35px;line-height:35px;margin:0 auto;text-align:center;border:1px solid #7d7d7e;color:#7d7d7e;border-radius:20px;display:none;}
.mo-box,.mobile-layer{width:100%;display:none}
.mobile-layer-slide{width:100%;height:0px;overflow:hidden}
img.pic{display:block;width:100%}
.navg-site{height:50px;width:100%;display:none}
.navg-site .fl-site{width:auto;height:50px;line-height:50px;padding-left:10px;float:left}
.navg-site .fl-site span,.navg-site .fl-site em{display:block;float:left;color:#546c9e;font-size:15px;}
.navg-site .fl-site em{color:#546c9e;font-family:Arial;padding:0px 5px;font-size:18px;}
.navg-site .rt-back{float:right;width:auto;height:50px;line-height:50px;padding-right:10px;font-size:15px;}
.navg-site .rt-back a{display:block;padding-right:15px;color:#546c9e;background:url(https://cdn.aqara.com/cdn/website/static/lodash-4.17.15/icon-back.png) no-repeat right center;background-size:auto 14px;}
/* homeKit-list */
.homeKit-list{width:100%;position:relative}
.homeKit-list .swiper-slide{width:50%;float:left;margin-bottom:0px;}
.homeKit-list .swiper-slide a{display:block;background:#eee;}
.homeKit-list .swiper-slide .prod-text{padding:10px 10px;text-align:center;color:#333}
.homeKit-list .swiper-slide .prod-text span{color:#7d7d7e;font-size:14px;}
.homeKit-list .kit-pagination{width:100%;text-align:center}
.homeKit-list .kit-pagination span{margin:0 5px;background:#d2d2d2;opacity:1;}
.homeKit-list .kit-pagination span.swiper-pagination-bullet-active{background:#546c9e}
.homeKit-list.row2 .swiper-wrapper{display:block;width:initial;margin:0 -5px;}
.homeKit-list.row2 .swiper-slide{margin-bottom:10px;}
.homeKit-list.row2 .swiper-slide a{margin:0px 5px;}
.homeKit-list.row2 .swiper-wrapper::after{content:"";display:block;clear:both;}

.re-box{width:100%;height:30px;margin-bottom:10px;border-bottom:1px solid #dcdcdc;}
.re-box a{display:block;float:right;line-height:30px;background:url(ary-rt-blue.png) no-repeat center right;padding-right:15px;background-size:auto 15px;color:#546c9e}
.back-box{width:100%;height:30px;}
.back-box a{display:block;border-radius:5px;height:30px;line-height:30px;text-align:center;width:100px;background:#546c9e;color:#FFF;margin:0 auto}
/* media screen */
@media screen and (max-width:1024px) and (min-width:768px){ 
    .btn-primary{display:none}
    .wrapper{width:94%;} 
    /* Header */
    #Header{width:100%;height:70px;}
    #Header .hd-main{height:70px;}
    #Header .hd-wrap{margin:0px 15px;}
    #Header .logo a{line-height:70px;}
    #Header .logo img{height:70px;display:block;} 
    #Header .menu ul#nav li{margin-left:40px}
    #Header .menu ul#nav li a.m{line-height:70px;}
    #Header .menu li:hover .subnav{top:70px;visibility:visible;opacity:1;} 
    /* Footer */
    #Footer{padding-top:15px;padding-bottom:0px;}
    #Footer .ft-wrap{margin:0px 3%;}
    #Footer .foot-link{width:100%;margin:0 auto;padding-bottom:30px;} 
    #Footer .foot-share h1{text-align:center;font-size:0.875rem;}
    #Footer .foot-share h1 a{font-size:1.875rem;margin-left:20px;} 
    #Footer .share-link li{display:block;width:33.33%;float:left;text-align:center}
    #Footer .share-link a{display:block;margin:0px 8px;font-size:0.875rem;}
    #Footer .share-link p{display:block;width:85px;height:85px;line-height:80px;margin:0 auto}
    #Footer .share-link p img{width:35px;}
    #Footer .rights{width:100%;font-size:0.875rem;line-height:24px;} 
    /* container */ 
    .new-product .titleBox h1{display:block;width:100%;height:30px;line-height:30px;font-size:1.25rem;letter-spacing:1px;}
    .new-product li a:hover .imgBox img{transform:none;-webkit-transform:none;-moz-transform:none;}
    .hot-tab-nav li h1,.hot-tab-nav li h3{font-size:1.25rem}
    .hot-tab-nav li p{font-size:0.875rem;}
    .store-layer{ background-size:100% 100%;} 
    .store-layer .colm-title{font-size:1.25rem;}
    .store-layer .store-text{width:90%;line-height:1.625rem;font-size:0.9375rem;}
    .store-layer .store-data .num-box span{font-size:2.5rem;} 
    .store-layer .link-box a{width:130px;margin:0px 15px;height:35px;line-height:35px;}  
}
@media screen and (max-width:980px) and (min-width:320px) {
    body{font:16px/1.5 'SourceHanSans', 'Microsoft Yahei',Helvetica,Tahoma,Simsun,sans-serif;outline:0;background-color:#fff;color:#666;min-width:320px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow-x:auto}
    .btn-primary,#Header .menu,.pc-layer{display:none}
    .pc-layer{width:100%;display:none} 
    .nav-btn,.mo-box,.mobile-layer{display:block;}
    .main-wrapper, .wrapper{width:94%;}
    .paddingBox{padding:16px 0px;}
    .colm-title{font-size:22px;margin-bottom:10px;}
    .text{font-size:16px;}
    #Header{min-width:320px;}
    #Footer .ft-wrap, #Header .hd-wrap{margin:0 10px;}
    #Header .logo a{line-height:50px;}
    #Header .logo a img{height:45px;vertical-align:middle;display:block}
    /* Footer */
    #Footer{padding-top:15px;}
    #Footer .foot-nav{display:none}
    #Footer .foot-share h1{display:block;text-align:center;}
    #Footer .foot-share h1 span{display:inline-block;font-size:18px;}
    #Footer .foot-share h1 a{display:inline-block;margin-left:10px;font-size:18px;}
    #Footer .share-link ul{margin:0px 0px;width:100%;}
    #Footer .share-link a{margin:0 15px;}
    #Footer .share-link p{width:100%;height:88px;line-height:88px;border-radius:2px;}
    #Footer .rights{height:auto;font-size:14px;}
    #Footer .rights span{display:block;margin:7px 0px 0px;line-height:22px;}
    /* Banner */
    #Banner .swiper-container .wall-img{background-size:auto 100%!important}
    #Banner .swiper-container .swiper-slide:nth-child(2) .wall-img{background-position:0px 0% !important}
    #Banner .banner-infor{width:94%;left:3%;}
    #Banner .banner-text{width:100%;text-align:center}
    #Banner .banner-text p{font-size:20px;}
    #Banner .banner-text a{padding-top:31px;}
    #Banner .a-link{position:absolute;left:50%;bottom:60px;margin-left:-75px;}
    #Banner .swiper-pagina .swiper-pagination{text-align:center}
    .navmodel{top:50px;display:none}
    .navmodel .product-name{width:100%;float:none;height:30px;line-height:30px;}
    .navmodel .navbar-nav{padding:0px 0px;line-height:30px;height:30px;width:100%;float:none;}
    .navmodel .navbar-nav a{margin-left:0px;padding:0px 20px 0px 0px;line-height:30px;}
    .navmodel_null{display:none}
    .menubar{height:55px;}
    .menubar li a{line-height:55px;}
    .store-place .stores-list li{border-bottom:1px solid #e0e0e0;padding-bottom:20px;}
    /* container home */
    #container{min-width:320px;} 
    #container .vido-box-list .vido-case-box,#container .vido-box-list .tabe-infor{width:100%}
    #container .vido-box-list li.even .vido-cont,#container .vido-box-list li.even .vido-desc,#container .vido-box-list li.odd .vido-case-box,#container .vido-box-list li.odd .vido-cont,#container .vido-box-list li.odd .vido-desc{margin-left:0px;margin-right:0px;}
    #container .vido-box-list .vido-case-box{margin-bottom:12px;}
    #container .vido-box-list .vido-play-btn{background-size:40px auto;}
    #container .vido-box-list .vido-infor{width:100%;position:static}
    #container .vido-box-list .tabe-infor{padding:40px 0px;}
    #container .vido-box-list .icons-list,#container .vido-box-list .vido-desc:hover .icons-list{display:none}
    #container .vido-box-list .vid-title,.hot-tab-main .prod-text span{color:#7d7d7e}
    #container .vido-box-list .text{margin-bottom:20px;color:#7d7d7e}
    #container .lnks-more{display:block;}
    .hot-tab-nav ul,.hot-tab-nav li .nv-item{margin:0px 0px;width:100%}
    .hot-tab-nav li .nv-item{padding:15px 0px}
    .hot-tab-nav li h3{font-size:18px;margin-bottom:0px;}
    .hot-tab-nav li span{right:0px;}
    .hot-tab-nav li span i{left:0px;}
    .hot-tab-main{padding-bottom:0px;}
    .hot-tab-main .rows4 .swiper-wrapper{width:initial;margin:0 -5px;display:block}
    .hot-tab-main .swiper-slide{width:50%;float:left;margin-bottom:12px;margin-top:0px !important}
    .hot-tab-main .rows4 .swiper-slide a{margin:0px 5px;}
    .hot-tab-main .prod-text{padding:10px 10px;height:96px;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .hot-tab-main .prod-text p{color:#3e3e3e}
    .hot-tab-main .prod-text span{display:block;width:100%;font-size:14px}
    .hot-tab-layer .swiper-pagin{padding-top:0px;margin-top:-10px;}
    .store-layer{height:400px !important;background-size:auto 100% !important; background-position:-50px -50px !important}
    .store-layer .wrapper{padding:25px 0px}
    .store-layer .colm-title{font-size:21px;margin-bottom:20px;}
    .store-layer .store-text,.store-layer .store-data{margin-bottom:30px;}
    .store-layer .store-data li{margin:0 3%;}
    .store-layer .store-data .num-box span{font-size:35px;line-height:45px;}
    .store-layer .store-data .num-box em{line-height:24px}
    .store-layer .store-data .name-box{font-size:15px;}
    .store-layer .link-box a{width:140px;margin:0 10px;}
    /* bannerPic and  page-menu */
    #Banner #bannerPic{height:140px;background-size:auto 140px!important;}
    #Banner #bannerPic img{display:block;height:140px;max-width:none;width:auto;position:absolute;top:0px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}
    #Banner .swiper-pagina{bottom:0px;}
    .page-menu{height:50px;}
    .about-menu a{line-height:50px;font-size:18px;}
    .serve-menu,.page-menu ul{width:100%}
    .page-menu ul{width:100% !important;background:none}
    .page-menu ul li{background:none}
    .page-menu ul a{font-size:16px;line-height:50px;}
    .page-menu ul .a1,.page-menu ul .a2,.page-menu ul .a3{background-size:auto 21px !important;padding-left:27px;}
    .padBox{padding:20px 0px 25px}
    /* about */
    .news-stick .col-md,.news-stick .news-sumary,.newslist li,.news-related,.intro-layer .intron,.brand-intro .content, .brand-intro .picture,.brand-intro .content.cont-w48,.contact .all-box,.contact .all-code,.kit-layer .box-model,.left-wrapper{width:100%;float:none;}
    .news-stick{box-shadow:0px 3px 8px rgba(209,209,209,0.4);margin-bottom:15px;}
    .news-stick .news-sumary{padding:12px 15px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .news-stick .news-sumary .nw-title{font-size:17px;margin-bottom:5px;}
    .news-stick .news-sumary .nw-time{font-size:16px;margin-bottom:5px;}
    .news-stick .news-sumary .text{width:100%;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
    .newslist{margin-bottom:10px;}
    .newslist ul,.newslist li a{margin:0 0px;width:100%}
    .newslist li,.newslist li a{display:block;}
    .newslist li{box-shadow:0px 3px 8px rgba(209,209,209,0.4);margin-bottom:15px;}
    .newslist .nw-time{font-size:16px;}
    .newslist .nw-title{height:auto;font-size:16px;margin-bottom:5px;padding:12px 15px 0px;}
    .news-inner,.news-content{width:100%;margin-bottom:15px;}
    .news-inner .news-title{font-size:18px;margin-bottom:5px;}
    .news-inner .news-send{font-size:16px;padding-bottom:10px;}
    .news-content{padding-bottom:16px;text-align:justify;border-bottom:none}
    .news-col{margin-bottom:11px;font-size:20px;}
    .boxlevel{height:240px;}
    .boxlevel .bgWall{width:auto;height:100%;}
    .tale-layer .brand-title{font-size:22px;margin: 0 auto 1px;width:100%;}
    .tale-layer .text{width:100%;line-height:24px;}
    .tale-slogan .slogan{width:100%;line-height:28px;font-size:18px;}
    .intro-layer{width:100%;background-image:none;background-color:#e5e6ea;}
    .intro-layer .intron{padding:0px 0px 20px;color:#7d7d7e}
    .brand-intro li{height:auto;display:block;padding-bottom:20px;}
    .brand-intro li.even,.brand-intro li.even .content{background:#e9dfc8}
    .brand-intro li.odd,.brand-intro li.odd .content{background:#FFF} 
    .brand-intro li.even .picture, .brand-intro li.odd .content,.brand-intro li.even .content, .brand-intro li.odd .picture{float:none}
    .brand-intro .picture{background-image:none !important}
    .brand-intro .picture img{visibility:visible !important;}
    .brand-intro .content,.brand-intro .textgrid-infor,.brand-intro li.odd .textgrid{position:static;width:100%}
    .brand-intro .textgrid-infor,.brand-intro li.odd .textgrid{margin-left:0%;padding:12px 15px 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .brand-intro .table[data-animation=ani-down],.intron[data-animation=ani-down]{transform:none;-webkit-transform:none;-moz-transform:none;visibility:visible;opacity:1;}
    .brand-intro .textgrid, .brand-intro .textgrid-infor, .intro-layer .intron{text-align:justify;font-size:16px;line-height:26px;}
    .brand-intro .table,.brand-intro .table-cell{display:block}
    .contact .wrap{margin:0 10px;}
    .contact .wrapper,.contact .cd-list dl{width:100%}
    .contact .grid-title,.contact .layer{margin-bottom:15px;} 
    .contact .c-list li{line-height:26px;font-size:16px}
    .contact .c-list li.adder{background-position:0px 3px;}
    .contact .cd-list dl{margin-right:0%;}
    .contact .cd-list dd{width:37%;margin-right:10%;}
    .contact .cd-list p{margin-bottom:0px;}
    .contact .tag-list li{padding:10px 12px;font-size:16px;margin-right:10px;margin-bottom:10px;}
    .contact .area-list span{margin-right:16px}
    .contact .dj a{background-size:auto 16px;}
    .contact .hz p{padding-left:30px;}
    /* Homekit */
    .common-img{width:100%}
    .common-img img{display:block;width:100%}
    .com-banner{height:230px;}
    .com-banner .img-grid{width:100%;height:100%;position:relative;overflow:hidden;}
    .com-banner .img-grid img{display:block;max-width:none;width:750px;height:230px;position:absolute;top:0px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);}
    .com-banner .video-grid{width:100%;left:0%;margin-top:-80px;}
    .com-banner .video-grid h2{font-size:21px;}
    .com-banner .video-grid a{height:33px;line-height:33px;width:130px;}
    .com-banner .video-grid p{background-size:auto 20px;}
    .com-banner .infor-grid .hkit{bottom:20px;}
    .com-banner .infor-grid .hkit,.com-banner .infor-grid .hkit img{height:30px;}
    .kit-layer .left-box .model-item,.kit-layer .model-item,.kit-layer .right-box .model-item,.kit-usage .model-content{margin-left:0%;width:100%;padding-bottom:20px}
    .kit-layer .img-item{width:95%;margin:0 auto 15px;}
    .kit-layer .kittext{margin:0px 12px;}
    .kit-desc-img,.kit-desc-intron,.set-intro .set-content{width:100%}
    .kit-desc-intron{line-height:26px;}
    .mobile-layer-slide{height:auto;}
    .prodcut-carousel{height:0px;overflow:hidden;}
    .kit-usage .left-model{width:100%;position:static;}
    .kit-usage .model-content{padding:20px 0px;}
    .kit-usage .model-content .table,.kit-usage .model-content .table-cell,.kit-usage .swiper-slide p{display:block;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .kit-usage .model-content .table-cell{padding:0px 12px;}
    .kit-usage .grid-model{width:100%;margin-left:0%;}
    .kit-usage .swiper-slide p{line-height:22px;width:100%;padding:10px 12px;color:#333;}
    .kit-usage .swiper-pagina .swiper-pagination{width:100%;text-align:center;}
    .kit-usage .swiper-pagina .swiper-pagination span{background:#434343;opacity:0.65}
    .kit-usage .swiper-pagina .swiper-pagination span.swiper-pagination-bullet-active{background:#546c9e;opacity:1}
    .siri-intro .siri-content,.siri-intro .siri-infor,.serve-intro .serve-conment{width:100%;position:relative;left:0%;bottom:0%;top:0%;right:0%}
    .siri-intro .siri-content{width:100%;padding:16px 0px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;background:#dfe4e7;}
    .siri-intro .siri-title{position:absolute;top:-50px;left:0%;font-size:20px;}
    .siri-intro .siri-text,.serve-intro .serve-conment{font-size:16px;line-height:26px;text-align:justify}
    .serve-intro .serve-conment{margin-bottom:10px;}
    .serv-list.owl-carousel .owl-wrapper-outer{width:100%;margin:0 auto}
    .serv-list .item a{margin:0 30px;}
    .serv-list .owl-controls .owl-buttons .owl-prev,.serv-list .owl-controls .owl-buttons .owl-next{width:20px;height:30px;background-size:auto 20px!important;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .set-intro .set-content{text-align:justify;line-height:26px;margin-bottom:20px;}
    /* application */
    .apT_block{width:100%;left:0%;padding:10px 0px;top:10%}
    .apT_ti{font-size:18px;}
    .apT_wi{margin:5px auto;width:20%}
    .apT_te{line-height:24px;font-size:14px;}
    .mob-layer{width:100%}
    .apN_liBl{padding:10px 0px;top:0px;margin-bottom:0px;}
    .apN_liBl:after{top:0px;border-width:1px;height:100%}
    .apN_ti{width:100%;padding:30px 0 0px;}
    .apN_ti.apN_i1{background-position:center top;background-size:auto 27px}
    .apN_ti.apN_i2{background-position:center top;background-size:auto 27px}
    .apN_ti.apN_i3{background-position:center top;background-size:auto 27px}
    .apN_ti.apN_i4{background-position:center top;background-size:auto 27px}
    .apN_ti h2{display:block;font-size:16px;text-align:center}
    .apA_ti{padding-top:30px;font-size:22px;}
    .apA_content{width:100%;margin-top:20px;padding-bottom:20px;}
    .apA_liBl{margin-bottom:10px;}
    .apA_navUl,.apA_ulBl,.apB_img,.apB_teBl{width:100%;float:none;height:auto}
    .apA_navUl{position:relative;left:0px;top:0px;right:0px;bottom:0px;border-right:0px;} 
    .apA_navUl{margin-bottom:20px;}
    .apA_ulBl{padding-left:0px;margin-left:0px;}
    .apA_navLi{width:33.33%;height:65px;float:left;text-align:center} 
    .apA_num{font-size:30px;height:28px;line-height:28px;padding-left:0px;display:inline-block;float:none}
    .apA_ico{width:28px;height:28px;top:0;background-size:auto 28px!important;display:inline-block;float:none;margin-left:10px;}
    .apA_t{float:none;margin-left:0px;font-size:18px;padding-top:0px;width:100%} 
    .apA_ic{right:50%;top:79px;margin-right:-4px;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);}
    .apA_wi{left:0%;width:100%}
    .apA_bTi,.apA_bT2{margin:0px 15px;}
    .apA_bTe{padding:0px 15px 10px;height:auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .apB_content{padding-top:20px}
    .apB_left{left:0px;width:20px;height:20px;margin-top:-60px;background-size:auto 20px!important;z-index:100;}
    .apB_right{right:0px;width:20px;height:20px;margin-top:-60px;background-size:auto 20px!important;z-index:100;}
    .apB_conBlock,.apB_block{width:100%;}
    .apB_img{padding:0 30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .apB_teBl{padding-top:10px;}
    .apB_teTi{font-size:20px;padding-bottom:10px;padding:0px 15px;}
    .apB_teTe{padding:0px 15px;}
    .apA_bUl{width:94%;margin:13px auto 0px}
    .apB1_left{left:0px;width:20px;height:20px;margin-top:-10px;background-size:auto 20px!important;z-index:100;}
    .apB1_right{right:0px;width:20px;height:20px;margin-top:-10px;background-size:auto 20px!important;z-index:100;}
    .apB_liImg{width:95%;margin:0 auto;height:144px;line-height:144px;}
    .apD_ti{font-size:22px;padding-top:25px;}
    .apD_content{width:100%;margin-top:20px;}
    .apD_ul{padding-bottom:30px}
    .apD_img{width:55px;margin:0 auto}
    .apD_img img{display:block;}
    .apD_ic{width:12px;right:-6px;top:15%;}
    .apD_te{font-size:15px;padding-top:5px;}
    .apC_content{padding-top:20px;}
    .apC_ul{width:100%;margin:0px auto 0;}
    .apC_li{height:40px;line-height:40px;font-size:17px;}
    .apC_li:after{height:16px;}
    .apC_li span{background-size:auto 21px!important;padding-left:25px;}
    .apC_swiperBl{width:100%;padding-bottom:10px;margin-top:20px;}
    .apC_swiper1 .swiper-slide, .apC_swiper2 .swiper-slide, .apC_swiper3 .swiper-slide{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
    .apC_left{left:0px;width:20px;height:20px;top:20%;margin-top:0px;background-size:auto 20px!important;z-index:100;padding:0px;}
    .apC_right{right:0px;width:20px;height:20px;top:20%;margin-top:0px;background-size:auto 20px!important;z-index:100;padding:0px;}
    .apC_liBl,.wrap-container{width:100%}
    .apC_teBl{position:relative;left:0px;top:0px;right:0px;bottom:0px;padding:15px 15px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .apD_ulTe{padding:0px 0px 15px 0px;width:100%;left:0px;}
    .apD_liTe{width:100%;padding:15px 0px 15px 0;border-bottom:1px solid #ddd}
    .apD_liTe:after{display:none;}
    /* business */
    .youshi,.hq-suport, .sevice-plan,.video-layer-content,.page-nav-bar{padding:25px 0px;}
    .youshi .title2,.sevice-plan .title3,.suport-text-content h2,#contactus .title4, .hq-suport .title4, .join-flow h2{font-size:22px;margin-bottom:20px;} 
    .ui-layer-main, .youshi .main,.join-flow,#contactus .contact-content{width:100%}
    .youshi .main .box,.sevice-plan .plan-left,.sevice-plan .plan-right,.col-md-6,.static,.video-layer-content .col-md-4{width:100%;float:none} 
    .youshi .box-content{height:350px;min-height:300px;background-size:100% auto !important;background-position:center!important}
    .youshi .box-text h2{font-size:18px;margin:0 0 20px 0;}
    .youshi .box-text .line{height:2px;}
    .sevice-plan .text-current,.sevice-plan .text-future{padding:0px 15px}
    .sevice-plan .text-future{margin-bottom:30px;margin-top:30px;}
    .sevice-plan .plan-left,.suport-text-content p,.flow-tip p,.video-layer-content .video-tip,.contact-tip-info,.contact-tip-email{font-size:16px}
    .sevice-plan .plan-left p,.suport-text-content p{margin-bottom:10px;}
    .suport-text-content{padding-left:15%;padding-top:20px!important;padding-bottom:30px;}
    .flow-menu{display:block;}
    .join-flow{padding-bottom:200px;}
    .flow-menu-li{height:300px;}
    .flow-menu-li h1{margin-top:40px;}
    .flow-menu-li .flow-menu-img{margin-top:40px;}
    .flow-tip{padding:25px 16px;bottom:30px;}
    .flow-tip p{line-height:26px;} 
    .video-layer-content .tipbtn{height:40px;line-height:40px;font-size:16px;}
    .video-layer-content .layer,.contact-tip-info{margin-top:20px;}
    .video-layer-content .demo-box{height:auto;margin-bottom:5px;}
    .video-layer-content .demo-box-surface{height:auto;position:relative;left:0px;top:0px;right:0px;bottom:0px;border-right:0px;} 
    .video-layer-content .demo-box-surface img{display:block;width:100%}
    #contactus{padding-top:10px;}
    .contact-us{padding:20px;margin-bottom:60px;}
    #contactus .contact-content{padding:0px 0px;}
    .contact-menu-li{font-size:16px;padding:6px 10px;margin-right:19px;margin-bottom:19px;}
    .contact-menu-li:nth-child(4n){margin-right:0px;}
    .province{width:75px;font-size:16px;}
    .contact-tip-info p{margin-bottom:5px;}
    .contact-tip-name{margin:20px 0 15px 0;}
    .contact-tip-email{line-height:26px;}  
    .video-play-layer .video-curtain{width:94%;left:3%;margin-left:0px;margin-top:0px;height:auto;border-radius:3px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
    .video-play-layer .close-pop{background-size:20px auto !important;}
    .video-play-layer .video-title{margin: 0 10px 15px;}
    .video-play-layer .video-main{height:auto;margin: 0 10px 10px;}
    .wrap-container{padding:0px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
    .cha-wrapper,.store-place .map-area,.lc-step ul,.lc-step .item,.lc-step .grid{width:100%}
    .cha-tab{min-width:290px;margin:0px 0px;}
    .cha-tab .install-nav{height:60px;margin-bottom:20px;}
    .cha-tab .install-nav span{width:33.33%;height:60px;line-height:60px;margin:0 0px; display:block;float:left;font-size:18px;}
    .cha-tab .row ul{margin:0 -6px;}
    .cha-tab .rol6 li{width:50%;min-width:100px;}
    .cha-tab .row li a{margin:0 6px;}
    .cha-tab .row .img-item{padding:50px 0px 30px;}
    .cha-tab .row .img-item img{width:80px;height:80px;} 
    .cha-tab .row .pd-title p{padding:5px;}
    .cha-tab .row .pad{padding:10px;font-size:12px;}
    .padbom{padding: 0 0 40px;}
    .menubar .wrap-container{padding:0px 0px;}
    .menubar ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} 
    .menubar li{width:auto;}
    .menubar li:nth-child(2):after, .menubar li:nth-child(2):before{display:none}
    .menubar li a{font-size:16px; margin:0 8px;}
    .menubar li span{background-size:auto 24px !important;padding-left:30px;}
    .store-place{margin-bottom:0px;border-bottom:none;padding: 0 0 0rem;}
    .query-area{padding:20px 0px;margin-bottom:20px;}
    .query-area .branches,.query-area .query-box{padding-left:0px;float:none;width:100%}
    .query-area .branches{margin-bottom:10px;}
    .query-area .query-box select{width:48%;margin-left:0px;outline:none}
    .query-area #province{float:left}
    .query-area #city{float:right}
    .store-place .stores-list{width:100%;position:relative;top:0px;left:0px;} 
    .store-place .stores-list li span{color:#546c9e;font-size:18px;}
    .store-place .stores-list p{background-position:0px 4px !important;background-size:auto 16px;padding-left:20px;}
    .store-place .map-area{margin:0 -15px;width:calc(100% + 30px);}
    .lc-step{padding-bottom:20px;}
    .lc-step li .item{padding-bottom:15px;}
    .lc-step li .icon-img{left:0px !important;width:40px;height:40px;}
    .lc-step .icon-img p{width:100%;left:0px;}
    .lc-step li.odd .item,.lc-step li.odd .grid{margin-left:0%}
    .lc-step li .line-box,.lc-step li.even .line-box,.lc-step li.odd .line-box{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);top:0px;}
    .lc-step li.even .line-box,.lc-step li.odd .line-box{right:initial;left:20px}
    .lc-step .pad{padding:0px 0px;margin-left:57px;}
    .lc-step .nub span{font-size:30px;}
    .lc-step li.odd .nub span{text-align:left}
    .lc-step li.odd .nub p{right:0px;left:initial}
    .query-gird .search-layer{width:90%;margin:0px auto}
    /* service */
    .aqara-layer, .marg-botom{margin-bottom:20px;}
    #Banner .pageBanner img{height:130px;}
    #Banner .search-case{width:100%;height:40px;left:0px;margin-left:0px;margin-top:-20px;} 
    #Banner .search-case h1{font-size:21px;margin-bottom:7px;display:none}
    #Banner .search-layer{width:90%;margin:0 auto;height:40px;}
    #Banner .mobile-layer{display:block;}
    #Banner .ui-button{width:50px;height:40px;}
    .service .padBox{padding:0px 0px 0px;}
    .service .page-menu{box-shadow:0px 3px 10px #eeeeef;position:relative;z-index:5;} 
    .service .service{overflow:hidden;width:100%;}
    .left-wrapper{padding:10px 15px 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
    .left-wrapper li{margin-bottom:0px;}
    .left-wrapper .sort,.left-wrapper .sort-list{border-bottom:1px solid #d4d4d4}
    .left-wrapper .sort{height:50px;line-height:50px;}
    .left-wrapper .sort p{padding-left:20px;font-size:18px;line-height:50px;transition:all 0.35s;-webkit-transition:all 0.35s;}
    .left-wrapper .sort em{width:20px;height:18px;left:0px;right:0px;top:50%;margin-top:-9px;background-size:auto 13px!important}
    .left-wrapper .curr p{padding-left:30px;}
    .left-wrapper .curr em{background-position:center !important;}
    .left-wrapper .sort-list{padding:10px 0px;display:none}
    .left-wrapper .sort-list p{padding:0px 35px;height:30px;line-height:30px;}
    .left-wrapper .sort-list a{color:#546c9e;background:url(https://cdn.aqara.com/cdn/website/static/images/ary-rt-blue.png) no-repeat right center;background-size:auto 12px!important}
    .left-wrapper .sort-list i{display:none !important}
    .content-wrapper{margin-left:0px;width:100%;padding:20px 0px 40px;display:none}
    .content-wrapper .content-main{padding:0px 15px 20px;}
    .content-wrapper .fqa-list li{border-bottom:1px solid #d4d4d4;margin-bottom:10px;padding-bottom:10px;}
    .content-wrapper .question{position:relative;padding-right:25px;color:#546c98;font-size:16px;text-align:justify;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} 
    .content-wrapper .question::before{content:"";display:block;width:1px;height:11px;position:absolute;right:5px;top:5px;background:#546c9e}
    .content-wrapper .question::after{content:"";display:block;width:11px;height:1px;position:absolute;right:0px;top:10px;background:#546c9e}
    .content-wrapper .question.on::before{display:none;} 
    .content-wrapper .prodcut-list, .content-wrapper .video-list{background:#f8f8f8;padding:20px 10px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} 
    .content-wrapper .row3 li{width:50%}
    .content-wrapper .row3 .prod-img{height:145px;line-height:145px;}
    .content-wrapper .row3 .prod-img img{width:75px;height:75px;}
    .content-wrapper .video-list .prod-img span{width:30px;height:30px;background-size:auto 30px !important;left:10px;bottom:10px;}
    .content-wrapper .video-list .video-name{font-size:16px;}
    .trail-list li,.pay-list li{width:100%;float:none;margin-bottom:20px;}
    .trail-list li .item{padding:20px;}
    .trail-list li .trail-img{width:30px;margin: 0 auto 7px;}
    .redar-title{padding:0px 0px 15px;}
    /* theform */
    .theform .wrapper{padding-bottom:40px;}
    .theform .wrapper .layer{width:100%;}
    .theform .step{padding:15px 10px;margin-bottom:20px;} 
    .step .step-text{margin-top:0px;}
    .agreement-title{padding-bottom:20px;margin-bottom:20px;}
    .agreement-infor{margin-bottom:20px}
    .submit-form{margin:0px 0px;}
    .col-md-3,.col-md-12,.col-md-4{width:100%;float:none;margin-bottom:10px;} 
    .submit-form .form-group{height:auto}
    .submit-form .form-control,.submit-form textarea{width:100%;max-width:100%;font-size:14px;}
    .submit-form .submit-select{width:49%;margin-bottom:10px;}
    .btnwrap .submitbtn{width:95px;margin:0 13px;}
    .submit-form textarea{max-width:100% !important;}
    .submit-form .col-md-4 .form-control,.submit-form .col-sm-6 .form-control{width:50%;}
    .submit-success p{font-size:16px;} 

    /* product */


}